<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Pagar Factura Efectivo</title>
<script type="text/javascript">
function validate(evt) {
	  var theEvent = evt || window.event;
	  var key = theEvent.keyCode || theEvent.which;
	  key = String.fromCharCode( key );
	  var regex = /[0-9]|\./;
	  if( !regex.test(key) ) {
	    theEvent.returnValue = false;
	    if(theEvent.preventDefault) theEvent.preventDefault();
	  }
	}
</script>
<link rel="stylesheet" href="css/estilo.css" type="text/css">
</head>
<h1>Pagar Factura Efectivo</h1>
<body>
	<form action="PagarFacturaEfectivo" method=post onsubmit="return confirm('Desea confirmar el pago?');" >
Ingrese la cantidad de billetes y monedas del pago:

<p>Numero de Mesa: <input type="text" name="nroMesa" value="0" onkeypress="validate(event)" maxlength="3"/></p>
<p>
<p>Billete $100: <input type="text" name="cienPesos" onkeypress="validate(event)" value="0" maxlength="3"/></p>
<p>Billete $50: <input type="text" name="cincuentaPesos" value="0"  onkeypress="validate(event)" maxlength="3"/></p>
<p>Billete $20: <input type="text" name="veintePesos" value="0"  onkeypress="validate(event)" maxlength="3"/></p>
<p>Billete $10: <input type="text" name="diezPesos" value="0"  onkeypress="validate(event)" maxlength="3"/></p>
<p>Billete $5: <input type="text" name="cincoPesos" value="0"  onkeypress="validate(event)"maxlength="3" /></p>
<p>Billete $2: <input type="text" name="dosPesos" value="0"  onkeypress="validate(event)"maxlength="3" /></p>
<p>Moneda $1: <input type="text" name="unPeso" value="0"  onkeypress="validate(event)"maxlength="3" /></p>
<p>Moneda $0.50: <input type="text" name="cincuentaCentavos" value="0"  onkeypress="validate(event)"maxlength="3" /></p>
<p>Moneda $0.25: <input type="text" name="veinticincoCentavos" value="0"  onkeypress="validate(event)"maxlength="3" /></p>
<p>Moneda $0.10: <input type="text" name="diezCentavos" value="0"  onkeypress="validate(event)"maxlength="3" /></p>
<p>Moneda $0.05: <input type="text" name="cincoCentavos" value="0"  onkeypress="validate(event)"maxlength="3" /></p>
<p>Moneda $0.01: <input type="text" name="unCentavo" value="0"  onkeypress="validate(event)"maxlength="3" /></p>


<p><input type="submit" name="submit" value="Pagar Factura"/></p>

</form>
</body>
</html>